<template>
    <div class="layout">
      <!-- 公共导航组件 -->
      <AutoHeader class="header"></AutoHeader>
      <!-- 路由出口 -->
      <router-view></router-view>
  
      <!-- 公共的底部 -->
      <AutoFooter></AutoFooter>
    </div>
</template>
  
  <script>
import AutoHeader from '@/components/AutoHeader.vue';
import AutoFooter from '@/components/AutoFooter.vue';

  export default {
    components: {
      AutoHeader,
      AutoFooter,
    },
  };
  </script>
  
  <style lang="less" scoped>
  .layout {
    background-color: #f2f6fc;
  }
  </style>
  